<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<body>

	<wicket:panel>

		<div wicket:id="jornadas-habituales"></div>
		<div wicket:id="jornadas-ocasionales"></div>
		<div wicket:id="dias-no-laborales"></div>
		
		<script type="text/javascript">
					
			$('.timepicker').timepicker({
                   showPeriodLabels: false
               });
			$('.timepicker-hours').timepicker({
				showPeriodLabels: false,
			    showMinutes: false,
			    showLeadingZero: false
			});
			$('.timepicker-minutes').timepicker({
			    showHours: false,
			    showLeadingZero: false
			});
			
			$(".date-picker").datepicker($.datepicker.regional["es"]);
			
			var flip = 0;
            $(".expand-row").click(function() {
            	
            	if ( flip++ % 2 == 0  ) 
            		$(this).switchClass("ui-icon-triangle-1-e", "ui-icon-triangle-1-s", 50);
            	else
            		$(this).switchClass("ui-icon-triangle-1-s", "ui-icon-triangle-1-e", 50);
            		
            	$(this).parent().siblings(".segunda-fila-jornada").toggle(100);
    			return false;
    		});
            
			$(this).tooltip({
				selector : "a[rel=tooltip]"
			});
            	
		</script>

	</wicket:panel>

</body>
</html>